﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - Bootstrap Table</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link rel="shortcut icon" href="/favicon.ico">
    <link href="~/Content/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="~/Content/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="~/Content/plugins/bootstrap_table/bootstrap-table.min.css" rel="stylesheet" />
    <link href="~/Content/css/animate.min.css" rel="stylesheet">
    <link href="~/Content/css/style.min862f.css?v=4.1.0" rel="stylesheet">
</head>
<body>
    <table id="table"></table>



    <script src="~/Content/js/jquery.min.js?v=2.1.4"></script>
    <script src="~/Content/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="~/Content/js/content.min.js?v=1.0.0"></script>
    <script src="~/Content/plugins/bootstrap_table/bootstrap-table.min.js"></script>
    <script src="~/Content/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="~/Content/plugins/bootstrap_table/bootstrap-table-zh-CN.min.js"></script>
    <script>
        $(function () {
            $("#table").bootstrapTable({
                method: "post",
                    url: '/Ariticle/ListAll',
                    idField: "Id",  //ID
                    striped: true,   //是否隔行变色
                    uniqueId: "Id",
                columns: [{
                    field: 'Id',
                    title: 'Id',
                    visible: false
                },
                {
                    field: 'Title',
                    title: '标题',
                },
                {
                    field: 'PageView',
                    title: '访问量',
                }, {
                    field: 'PublishDate',
                    title: '更新日期',
                }, {
                    field: 'PublishUser',
                    title: '发布人',
                }, {
                    field: 'Sort',
                    title: '排序',
                },
                {
                    field: 'IsRecommend',
                    title: '推荐',
                },
                 {
                     field: 'IsTop',
                     title: '置顶',
                 },
                  {
                      field: 'IsShow',
                      title: '显示',
                  },
                {
                    field: 'Id',
                    title: '操作',
                }
                ],
            })








        })

    </script>

</body>
</html>
